﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BooksDetail.aspx.cs" Inherits="Common_BooksDetail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- 用于响应式布局，遇到移动设备自动更改 -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script src="../js/jquery-2.1.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <!-- bootstrap需要的函数库 -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <!-- 所需的字体图标库 -->
    <link rel="stylesheet" href="../css/font-awesome.min.css" />
    <!-- 按钮样式 -->
    <link href="../css/MyButtons.css" rel="stylesheet" />


    <!-- Loading Flat UI -->
    <link href="dist/css/flat-ui.css" rel="stylesheet" />
    <link href="docs/assets/css/demo.css" rel="stylesheet" />


    <script src="dist/js/vendor/video.js"></script>
    <script src="dist/js/flat-ui.min.js"></script>

    <style type="text/css">
        h1 {
            font-family: 'Microsoft YaHei';
        }

        .btn-group.open .dropdown-toggle {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    </style>
    <link href="../css/Tstyle.css" rel="stylesheet" />
    <!-- Bootstrap style -->
    <link id="callCss" rel="stylesheet" href="themes/bootshop/bootstrap.min.css" />
    <link href="themes/css/base.css" rel="stylesheet" media="screen" />
    <!-- Bootstrap style responsive -->
    <link href="themes/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="themes/css/font-awesome.css" rel="stylesheet" type="text/css">
    <!-- Google-code-prettify -->
    <link href="themes/js/google-code-prettify/prettify.css" rel="stylesheet" />
    <style type="text/css" id="enject"></style>



    <title>详细信息</title>


</head>
<body style="margin-left: auto; margin-right: auto; font-family: 'Microsoft YaHei'; width: 1024px;">
    
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background: #0767c8; border-color: #0767c8; min-height: 55px;">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a href="BMindex.aspx">
                        <img src="../img/common/logo2.png" width="180" style="position: absolute; margin: 2px 130px; z-index: 999;" />
                    </a>
                    <a class="navbar-brand" href="#"></a>
                </div>

                <div id="navbar" class="navbar-collapse collapse">

                    <ul class="nav navbar-nav navbar-right" style="margin-right: 299px;">
                        <li style="position: absolute; margin: 2px -314px;"><a style="padding: 15px 22px 5px; color: #fff;" href="#">借阅</a></li>
                        <li style="position: absolute; margin: 2px -264px;"><a style="padding: 15px 22px 5px; color: #fff;" href="#">归还</a></li>
                        <li style="position: absolute; margin: 2px -214px;"><a style="padding: 15px 22px 5px; color: #fff;" href="#">检索</a></li>
                        <li style="position: absolute; margin: 2px -164px;"><a style="padding: 15px 22px 5px; color: #fff;" href="#">资源</a></li>
                        <li style="position: absolute; margin: 8px 66px;">
                            <%=navstring %></a></li>

                    </ul>
                    <input type="text" runat="Server" id="TBFindBook" class="form-control navbar-left" placeholder="查找您感兴趣的书籍..." style="width: 329px; margin-top: 5px; margin-left: 304px; height: 42px;" />
                    <a href="#">
                        <asp:Button ID="Button2" runat="server" Text="🔎" OnClick="Button2_Click" class="button button-primary button-rounded" Style="background: #0e78e7; height: 42px; width: 42px; margin: 5px 0px 0px -7px; padding: inherit;" />
                    </a>
                </div>

            </div>
        </nav>




        <div class="well well-small" style="margin-top: 200px;">

            <div class="row">
                <div id="gallery" class="span3">
                    <a href="themes/images/products/large/f1.jpg" title="">
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                        <br />
                        <% =imageplace%>
               
                    </a>
                    <div id="differentview" class="moreOptopm carousel slide">
                        <div class="carousel-inner">

                            <div class="item">
                                <a href="themes/images/products/large/f3.jpg">
                                    <img style="width: 29%" src="themes/images/products/large/f3.jpg" alt=""></a>
                                <a href="themes/images/products/large/f1.jpg">
                                    <img style="width: 29%" src="themes/images/products/large/f1.jpg" alt=""></a>
                                <a href="themes/images/products/large/f2.jpg">
                                    <img style="width: 29%" src="themes/images/products/large/f2.jpg" alt=""></a>
                            </div>
                        </div>
                        <!--  
			  <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
              <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
			  -->
                    </div>

                    <div class="btn-toolbar">
                    </div>
                </div>
                <div class="span6" style="width: 681px;">
                    <h2><%=bookname %></h2>
                    <small>——<%=publishCompany%> </small>
                    <hr class="soft">
                    <div class="control-group">
                        <div class="titbar">


                            <table class="table table-striped" style="font-size: 16px;">
                                <thead>
                                    <tr>
                                        <th>图书条目</th>
                                        <th>图书信息</th>
                                    </tr>
                                </thead>
                                <%=data%>
                            </table>

                        </div>

                    </div>


                    <hr class="soft">
                    <input type="button" id="hide1" class="button button-action button-rounded cd-popup-trigger1" value="扫码借阅" onclick="hides" />
                    <asp:Button ID="Button4" class="button button-primary button-rounded cd-popup-trigger2" runat="server" Text="普通借阅" />
                    <script lang="javascript">
                        $("#hide1").click(function fx() {$ })

                    </script>
                    <a href="#">点击借阅</a>



                    <hr class="soft clr">


                    <div class="palette-paragraph" style="font-size: 15px;">
                        <h6 class="palette-headline">本书摘要：</h6>
                        &nbsp;&nbsp;&nbsp;&nbsp;<% =atc%>
                    </div>



                    <br class="clr">


                    <a href="#" name="detail"></a>
                    <hr class="soft">
                    <div class="palette-paragraph" style="font-size: 15px;">
                        <h6 class="palette-headline">本书目录：</h6>
                        &nbsp;&nbsp;&nbsp;&nbsp;<% =content%>
                    </div>
                </div>

                <div class="span9">

                    <div id="myTabContent" class="tab-content" style="width: 1000px;">
                        <div class="tab-pane fade active in" id="home">
                            <h4 class="page-header">馆藏信息</h4>
                            <table class="table table-hover">

                                <thead>
                                    <tr>
                                        <th>图书名称</th>
                                        <th>索书号</th>
                                        <th>藏书地点</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <%=place %>
                                    </tr>
                                </tbody>
                            </table>


                        </div>

                    </div>
                </div>

            </div>


        </div>
        <a href="javascript:0;" class="cd-popup-trigger1"></a>
        <div class="cd-popup1">
            
            <div class="cd-popup-container1" style="height:430px;">
                 <h4>请用手机登陆后扫描二维码完成借阅</h4>
                 <div class="cd-buttons">
                       <div class="bs-callout bs-callout-info">
                         <p><!-- 在 HTML5 中可以放心使用 -->请点击获取，刷新二维码</p>
                           <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                               <ContentTemplate>
                         <p> <img src="<%=ERCODE %>"></p> </ContentTemplate>
                           </asp:UpdatePanel>
                           <p> <asp:Button ID="Button3" CssClass="btn btn-success" OnClick="getQRCode" style="font-family:'Microsoft YaHei';font-weight:300;" runat="server" Text="刷新二维码" /></p>
                           <asp:Label ID="Label1" runat="server" Text="" ForeColor="Red"></asp:Label>
                       </div>
                    </div>
                <a href="#0" class="cd-popup-close">&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;</a>
                </div>
          
        </div>

                 <div class="cd-popup2">
                <div class="cd-popup-container2" style="text-align:left;">
                    <p style="text-align:center;"><B>请确认下面信息并输入密码确认</B></p>
                    <p style="text-overflow: ellipsis; white-space: nowrap; padding-left:20px;">图书名称：<code style="font-family:FZBeiWeiKaiShu-S19S;color:#41B300;font-size:100%"><%=bookname %></code></p>
                    <p style="text-overflow: ellipsis; white-space: nowrap; padding-left:20px;">作者名称：<code style="font-family:FZBeiWeiKaiShu-S19S;color:#41B300;font-size:100%"><%=write %></code></p>
                    <p style="text-overflow: ellipsis; white-space: nowrap; padding-left:20px;">读 者 I D：<%=temp%></p>
                    <p style="float:left; padding-left:20px;">密码确认：</p>
                    <asp:TextBox ID="TextBox1" CssClass="form-control" runat="server"  style="width:180px;padding-left:0px;height:30px;" TextMode="Password"></asp:TextBox>
                   
                    <asp:Button ID="sureborrowe" CssClass="btn btn-primary" OnClick="sureborrowe_Click" style="height:30px;float:right;margin-right:20px;font-family:'Microsoft YaHei';font-weight:600;" runat="server" Text="确认借阅" />
                    
                    <div class="cd-buttons">
                    
                    </div>
                      <a href="#0" class="cd-popup-close">&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;</a>    
                </div>
            </div>



            <div class="cd-popup3">
                <div class="cd-popup-container3">
                    <p>几种常见的简洁弹框</p>
                    <div class="cd-buttons">
                        自定义整体容器宽高度及内容，高度可自适应可固定,样式可以定义自己喜欢的样式，这里就不做美观了
                    </div>
                    <a href="#0" class="cd-popup-close">close</a>
                </div>
            </div>
        <script type="text/javascript">
            /*弹框JS内容*/
            jQuery(document).ready(function ($) {
                //打开窗口

                //打开窗口
                $('.cd-popup-trigger1').on('click', function (event) {
                    event.preventDefault();
                    $('.cd-popup1').addClass('is-visible1');
                    //$(".dialog-addquxiao").hide()
                });
                //关闭窗口
                $('.cd-popup1').on('click', function (event) {
                    if ($(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup1')) {
                        event.preventDefault();
                        $(this).removeClass('is-visible1');
                    }
                });
                //ESC关闭
                $(document).keyup(function (event) {
                    if (event.which == '27') {
                        $('.cd-popup1').removeClass('is-visible1');
                    }
                });
                //打开窗口
                $('.cd-popup-trigger2').on('click', function (event) {
                    event.preventDefault();
                    $('.cd-popup2').addClass('is-visible2');
                    //$(".dialog-addquxiao").hide()
                });
                //关闭窗口
                $('.cd-popup2').on('click', function (event) {
                    if ($(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup2')) {
                        event.preventDefault();
                        $(this).removeClass('is-visible2');
                    }
                });
                //ESC关闭
                $(document).keyup(function (event) {
                    if (event.which == '27') {
                        $('.cd-popup2').removeClass('is-visible2');
                    }
                });

                //打开窗口
                $('.cd-popup-trigger3').on('click', function (event) {
                    event.preventDefault();
                    $('.cd-popup3').addClass('is-visible3');
                    //$(".dialog-addquxiao").hide()
                });
                //关闭窗口
                $('.cd-popup3').on('click', function (event) {
                    if ($(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup3')) {
                        event.preventDefault();
                        $(this).removeClass('is-visible3');
                    }
                });
                //ESC关闭
                $(document).keyup(function (event) {
                    if (event.which == '27') {
                        $('.cd-popup3').removeClass('is-visible3');
                    }
                });
            });
        </script>
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">用户登录
                        </h4>
                    </div>
                    <div class="modal-body">

                        <div class="login-form">
                            <div class="form-group">
                                <asp:TextBox ID="TBuserName" class="form-control login-field" value="" placeholder="请输入读者证号" runat="server"></asp:TextBox>
                                <label class="login-field-icon fui-user" for="login-name"></label>
                            </div>

                            <div class="form-group">
                                <asp:TextBox ID="TBuserPsw" class="form-control login-field" value="" placeholder="请输入您的密码" runat="server" TextMode="Password"></asp:TextBox>
                                <label class="login-field-icon fui-lock" for="login-pass"></label>
                            </div>
                        </div>
                        <a class="login-link" href="#">忘记密码了?</a>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            关闭
                        </button>
                        <asp:Button ID="Button1" class="btn btn-primary" runat="server" Text="登陆" OnClick="UserLogin" />

                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>

    </form>


</body>



</html>
